<template>
    <div class="detail">
        <dl>
            <dt class="f28">提现明细</dt>
            <dd v-for="(v, k) in detailList" :key="k">
                <div class="referral">
                    <span class="referral_tit f26">{{v.info}}</span>
                    <span class="referral_price f26">{{v.money}}</span>
                </div>
                <div class="clear"></div>
                <div class="time">
                    {{v.time}}
                </div>
            </dd>
        </dl>
    </div>
</template>

<script>
    export default {
        name: 'detail',
        data() {
            return {
                detailList: []
            }
        },
        methods: {
            tixian() {
                this.$router.push({
                    path: '/showDetails'
                })
            },
            shou_detail() {
                let params = {
                    userId: this.$store.state.userId,
                    targetType: this.$route.query.type,
                }
                this.$http.fetchGet('tx_detail', params).then(res => {
                    if(res.code == 200) {
                        this.detailList = res.data
                    }
                }, err => {

                })
            }
        },
        mounted() {
            this.shou_detail()
        }
    }
</script>

<style lang="less" scoped>
    .detail{
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        dl{
            dt{
                .lh(88);
                .padd(0, 20);
                border-bottom: 1px solid #f2f2f2;
                background: #f2f2f2;
            }
            dd{
                .padd(10, 20);
                border-bottom: 1px solid #f2f2f2;
                .referral{
                    .lh(80);
                    .referral_tit{
                        width: 80%;
                        float: left;
                        .lh(40);
                        font-weight: 600;
                        // overflow: hidden;
                        // text-overflow:ellipsis; // 文本溢出显示省略号
                        // white-space:nowrap; // 文本不会换行（单行文本溢出）
                    }
                    .referral_price{
                        float: right;
                    }
                }
                .clear{
                    clear: both;
                }
                .time{
                    color: #999;
                    .lh(40);
                }
            }
            
        }
    }
</style>
